<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;keyAIzaSyDuAf8EbKzwPo9W1Ih0qZKqkSffObrj_h0"></script>
<script type="text/javascript">
    var marker ;
    var map;
	function initialize(x, y) {
		var point = new google.maps.LatLng(x, y);
     
		var myopt = {
			zoom: 13,
			center: point,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};
		map = new google.maps.Map(document.getElementById("map_canvas"), myopt);
		marker = new google.maps.Marker({
                        draggable:true,
			position:point,
			map:map,
			title:"You are Here",
			animation: google.maps.Animation.DROP
		});
                
               /* var drawingManager = new google.maps.drawing.DrawingManager({
                    drawingMode: google.maps.drawing.OverlayType.MARKER,
                    drawingControl: true,
                    drawingControlOptions: {
                        position: google.maps.ControlPosition.TOP_CENTER,
                        drawingModes: [ google.maps.drawing.OverlayType.MARKER]},
                    circleOptions: {
                        fillColor: '#ffff00',
                        fillOpacity: 1,
                        strokeWeight: 5,
                        clickable: false,
                        zIndex: 1,
                        editable: true
                    }
                });*/
                
                var contentString = '<div id="content">'+
                                    '<div id="siteNotice">'+
                                    '</div>'+
                                    '<h2 id="firstHeading" class="firstHeading">COBA-COBA</h2>'+
                                    '<div id="bodyContent">'+
                                    '<p>Jika iya,,cek link <a href: http://www.facebook.com/ ></a></p>'+
                                    '</div>'+
                                    '</div>';                                   
                var infowindow = new google.maps.InfoWindow({
                        content: contentString
                });
                
                google.maps.event.addListener (marker,'click', 
                function() {infowindow.open(map,marker);},toggleBounce );
	}
        
	function getLocation() {
		if (navigator.geolocation) {
			navigator.geolocation.getCurrentPosition(showPosition);
		} else { 
			map_canvas.innerHTML="Geolocation is not supported by this browser.";
		}
	}
	
	function showPosition(position) {	
		var x = position.coords.latitude;
		var y = position.coords.longitude;
		
		initialize(x, y);
	}
        
        function toggleBounce() {
            if (marker.getAnimation() != null) {
                marker.setAnimation(null);
            } else {
                marker.setAnimation(google.maps.Animation.BOUNCE);
        }
        }
</script>
</head>

<body onload="initialize(), getLocation()">
	<div id="map_canvas" style="width:600px; height:600px"></div>
</body>
</html>
